<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<title>{{ config('app.name') }}</title>
	<!--  引入bootstrap  -->
    <link href="{{ asset('/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
	<link rel="shortcut icon" href="{{ asset('/images/deng.jpg') }}" type="image/x-icon"/>
</head>

<body>

<!-- 头部 -->
<div data-example-id="navbar-fixed-to-top" class="bs-example bs-navbar-top-example" >
	<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" >
		<div class="container-fluid" >
			<div class="navbar-header"  >
				<a href="{{ url('/') }}" class="navbar-brand" style="font-size:17px;">Dream Car</a>
			</div>
		</div>
    </nav>	
</div>

<br/><br/>
<br/><br/>

<!-- 字体 -->
<div class="row" style="width:100%;">
	<div class="col-md-7" style="text-align:center;" >
		<!-- 字体 -->
		<h1 style="color:#D3D3D3;font-size:75px;">
			Dream Car
		</h1>
	</div>
	<div class="col-md-5">
	
	</div>
</div>


<br/><br/>

<!-- 表单 -->
<div class="row"  style="width:100%;" >
	
	<div class="col-md-7" style="text-align:center;">
		<!-- 背景 -->
		<img  src="{{ asset('/images/bg.jpg') }}" style="height:200px;" />
	</div>
	
	<div class="col-md-5">
		
		<!-- 提示信息 -->
		<div id="show_error" style='color:#FF4040;width:220px;height:30px;margin-top:-5%;position:absolute;font-size:16px;display:block;'  >{{ session('info') }}</div>
	
		<!-- 登录表单 -->
		<form class="form-inline" action="{{ url('/checkLogin') }}" method='post' id='loginForm' >
			
			{{ csrf_field() }}
			
			<div class="form-group">
				<input type="text" name='name' class="form-control" style="width:280px;" value="{{ session('name') }}" placeholder="账号" />
			</div>
			
			<br/><br/>
			
			<div class="form-group">
				<input type="password" name='pass' class="form-control" style="width:280px;" placeholder="密码" />
			</div>
			
			<br><br>
			
			<!-- 图片按钮 -->
			<div class="col-sm-10" id="submit" style="background:url({{ asset('/images/loginBtn.jpg')}} );background-size:80px;width:80px;height:34px;">
				<input type="submit"  style="width:80px;height:45px; margin-left:-10px;opacity:0;cursor:pointer;" />
			</div>
			
		</form>
	</div>
</div>



<!-- 引入jq -->
<script type="text/javascript" src="{{ asset('/js/jquery-1.8.3.min.js') }}"></script>
<script>
	
	$(function(){
		
		// 显示 错误信息
		if( $("#show_error").html().length > 0 )
		{
			// 1500毫秒后 淡出
			$("#show_error").delay(1500).fadeOut(500);
		}
		
		// 点击登录
		$("#submit").click(function(){
			if( $(this).hasClass("dest") ){
				// 按钮 复位
				$(this).removeClass("dest").animate({left: 0}, 300);
			}else{
				// 执行 按钮动画 
				$(this).addClass("dest").animate({left: 200}, 300);
				// 表单提交
				$("#loginForm").submit();
			}
		})
	});
</script>

<!-- 尾部 -->
<div class="panel-footer text-right navbar-fixed-bottom" >Designed by Dream Car</div>

</body>
</html>